<template>
	<div class="fuw">
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
					<div class="dttp">
						<span><img src="../img/dt.png" alt=""></span>
						<span><img src="../img/dt.png" alt=""></span>
					</div>
					<p class="diz">
						<img src="../img/diz.png" alt="">
						河北&nbsp;唐山
					</p>
					<p class="sjll">12天前·2389浏览</p>
			</div>
		</div>
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
					<div class="dttp">
						<span><img src="../img/dt.png" alt=""></span>
						<span><img src="../img/dt.png" alt=""></span>
					</div>
					<p class="diz">
						<img src="../img/diz.png" alt="">
						河北&nbsp;唐山
					</p>
					<p class="sjll">12天前·2389浏览</p>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="less" scoped>
	.fuw{
		overflow: auto;
		height: 375px;
		
	}
	.dt{
		position: relative;
		width: 92%;
		height: 340px;
		margin-left: 4%;
		line-height: 20px;
		border-radius: 8px;
		text-align: center;
		box-shadow: 0px 2px 6px 0px rgba(192, 192, 192, 40);
		.tx{
			position: absolute;
			top: 5.4%;
			left: 2.8%;
			width: 50px;
			height: 50px;
			border-radius: 40px;
			border: 2px solid rgba(255, 255, 255, 100);
		}
		.mz{
			position: absolute;
			top: 5.4%;
			left: 21.8%;
		}
		.nan1{
			position: absolute;
			top: 16.4%;
			left: 19.8%;
			background: rgb(98, 140, 254);
			width: 20px;
			height: 20px;
			border: 1px solid rgb(98, 140, 254) ;
			border-radius:50%
			
		}
		.zjaaa{
			margin-left: -5px;
		}
		.txt{
			position: absolute;
			top: 26.4%;
			left: 7.8%;
			width: 300px;
			height: 45px;
			color: rgba(78, 78, 78, 100);
			font-size: 14px;
		}
		.dttp{
			position: absolute;
			top: 40.4%;
			left: 5.8%;
			span{
				margin: 5px;
			}
			
		}
		.diz{
			position: absolute;
			top: 85.4%;
			left: 5.8%;
			width: 30%;
			border-radius: 20px;
			background-color: rgba(247, 247, 247, 100);
			color: rgba(120, 120, 120, 100);
			font-size: 14px;
		}
		.sjll{
			position: absolute;
			top: 93.4%;
			left: 5.8%;
		}
	}	
	.dingw{
		
		color: rgba(184, 184, 184, 100);
		font-size: 12px;
	}
</style>
